<template>
  <div>
    <h2>App组件</h2>
    <p>app中的p标签</p>
    <button @click="test">调用子组件的方法</button>
    <MyLeft ref="left" />
    
    <hr>
    <MyRight />
  </div>
</template>

<script>
import MyLeft from '@/components/MyLeft.vue'
import MyRight from '@/components/MyRight.vue'

export default {
  data () {
    return {
      flag: true
    }
  },
  components: { MyLeft, MyRight },
  methods: {
    test () {
      // this.$refs.left // 找到了子组件的实例对象
      // 找到子组件实例之后，可以调用子组件的数据、方法等等
      this.$refs.left.getInnerHTML();
    }
  }
}
</script>

<style lang="less" scoped>

</style>